@charset "utf-8";
 .top_nav{
       
                margin-bottom: 0;
                border-radius: 0;
        .container{
            @media screen and (min-width:1000px){
            max-width: 1000px;
            }
            .logo_1{
                padding: 0 15px;
                line-height: 50px;
                font-size: 0;
                img{
                display: inline-block;
                }
            }
             
        }
    }
    .foot{
        background: #3b3b3b;
  .contact{
        text-align: right;
        line-height: 66px;
        font-size: 0;
        i{
            display: inline-block;
            width: 38px;
            height: 38px;
            background: no-repeat center/100%;
            vertical-align: middle;
            margin: 0 10px;
            position: relative;
            img{
                display: none;
                position: absolute;
                left: -50px;
                bottom: 40px;
            }
            &:hover img{ display: block; }
        }
    }
    .intro{
        color: #a1a3ab;
        padding-top: 15px;
          .intro_1{
            a{
              color: #a1a3ab;
            }
        }
         }
    }
@media (min-width:768px) and (max-width:999px){
         .top_nav  .container{
            width: 750px;
            padding: 0;
            .logo_1{padding-left: 5px;}
            .top_link{padding-right: 0;}
            .top_ul_link {a{padding: 15px 5px; }
                &+ul{
                    margin-right: 0;
                    .dropdown-toggle{padding-right: 5px;}
                    
                }
            }
         }
     }
     @media screen and (max-width: 767px){
    .foot .intro{
        text-align: center;
    }
    .foot .contact{
        text-align: center;
    }
}